<template>
	<div>
		<div class="top">
			<Row :gutter="10">
				
				<Col span="24" type="flex" align="right">
					<Button type="primary">新增模板</Button>
				</Col>
			</Row>
		</div>
		<Table border :columns="columns12" :data="data6">
			<template slot-scope="{ row, index }" slot="action">
				<Button type="primary" size="small" style="margin-right: 5px" @click="show(index)">修改</Button>
				<Button type="error" size="small" >删除</Button>
			</template>
		</Table>
        <div class="page"><Page :total="100" /></div>
	</div>
</template>
<script>
export default {
	data() {
		return {
			value15: '',
			model1: '',
			cityList: [
				{
					value: 'New York',
					label: 'New York'
				},
				{
					value: 'London',
					label: 'London'
				},
				{
					value: 'Sydney',
					label: 'Sydney'
				},
				{
					value: 'Ottawa',
					label: 'Ottawa'
				},
				{
					value: 'Paris',
					label: 'Paris'
				},
				{
					value: 'Canberra',
					label: 'Canberra'
				}
			],
			columns12: [
                {
					title: '字典名称',
                    key: 'name',
                    align:'center',
                    
                },
                {
					title: '备注',
                    key: 'remark',
                    align:'center',
                    
                },
               
                {
                    align:'center',
					title: '最后操作人',
                    key: 'actioner',
                    
                },
                {
                    align:'center',
					title: '最后操作时间',
                    key: 'actionTime',
                    
                },
                {
					title: '操作',
                    align:'center',
                    slot: 'action',
                    
				},
                
			],
			data6: [
			]
		}
    },
    mounted(){
        this.initTable()
    },
	methods: {
		show(index) {
			this.$Modal.info({
				title: 'User Info',
				content: `Name：${this.data6[index].name}<br>Age：${this.data6[index].age}<br>Address：${this.data6[index].address}`
			})
		},
		remove(index) {
			this.data6.splice(index, 1)
        },
        initTable() {
            const arr = [];
            for (let index = 0; index < 10; index++) {
                arr.push({
                    name: '低血糖',
                    remark: '',
                    actioner: '王雪',
                    actionTime: '2019-07-13 11:30',
                })
                this.data6 = arr;
            }
           
        }
	}
}
</script>
<style>
.top {
	margin-bottom: 20px;
}
.page{
    margin-top: 20px;
}
</style>
